<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>修改个人信息</li>
                 <li><img src="../assets/img/xiaoxi.png"></li>
               </ul>
          </header>
          <section>
             <div class="one">
                 <span>{{text}}</span>
                 <input type="text" value="一喂用户3594028">
             </div>
             <div class="two">
               <span>{{tet}}</span>
              <button>{{texts}}</button>
               <button>{{textss}}</button>
             </div>
            <div class="three">
                 <span>{{tet}}</span>
                <input type="text" value="123444">
                 <button>{{tets}}</button>
             </div>
             <div class="four">
               <p>{{tt}}</p>
               <span v-for="list in lists"><img :src="list.img"></span>
             </div>
             <div class="five">
               <button>{{ss}}</button>
             </div>
             
          </section>
          <footer>
              <ul>
              <router-link to="/shouye">
              <li><img src="../assets/img/foot_1.png"><p>首页</p></li>
            </router-link>
            <router-link to="/fujin">
                <li><img src="../assets/img/foot_2.png"><p>附近</p></li>
              </router-link>
                <li><img src="../assets/img/foot_3.png"></li>
                <router-link to="/wodedingdan">
                <li><img src="../assets/img/foot_4.png"><p>订单</p></li>
              </router-link>
              <router-link to="/gerenzhongxin"> 
                <li><img src="../assets/img/foot_5.png"><p>我的</p></li>
              </router-link>
              </ul>
          </footer>
     </div>
</template>

<script>
export default {
  name: 'box',
  data () {
    return{
      text:"用户名：",
      tet:"性别：",
      texts:"男",
      textss:"女",
      tet:"认证手机号：",
      tets:"更改",
      tt:"生活照",
      lists:[
        {img:"../../static/xiangji.png"},
        {img:"../../static/xiangji.png"},
        {img:"../../static/xiangji.png"},
        {img:"../../static/xiangji.png"},
      ],
      ss:"确定"
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/xiugaigerenxinxi.less";
   @import ".././assets/css/reset.css";
</style>